<template>
  <vxe-modal v-model="dialogVisible" title="新增" show-zoom resize>
    <vxe-form
      ref="form"
      :data="modelValue"
      :rules="rules"
      title-align="right"
      title-width="90"
      @submit="clickSubmitBtn"
    >
      <vxe-form-item field="beanName" title="类注解" :span="24" :item-render="{}">
        <template #default="{data}">
          <vxe-input v-model.trim="data.beanName" clearable />
        </template>
      </vxe-form-item>
      <vxe-form-item field="methodName" title="方法名" :span="24" :item-render="{}">
        <template #default="{data}">
          <vxe-input v-model.trim="data.methodName" clearable />
        </template>
      </vxe-form-item>
      <vxe-form-item field="params" title="参数" :span="24" :item-render="{}">
        <template #default="{data}">
          <vxe-input v-model.trim="data.params" clearable />
        </template>
      </vxe-form-item>
      <vxe-form-item field="cronExpression" title="cron表达式" :span="24" :item-render="{}">
        <template #default="{data}">
          <vxe-input v-model.trim="data.cronExpression" clearable />
        </template>
      </vxe-form-item>
      <vxe-form-item field="remark" title="备注" :span="24" :item-render="{}">
        <template #default="{data}">
          <vxe-input v-model.trim="data.remark" clearable />
        </template>
      </vxe-form-item>
      <vxe-form-item align="right" title-align="left" :span="24">
        <template #default>
          <vxe-button :disabled="loading" type="submit" status="primary">提交</vxe-button>
        </template>
      </vxe-form-item>
    </vxe-form>
  </vxe-modal>
</template>

<script>
import Api from '@/api/upms/job'
import { VxeModalMixin } from '@/mixins/vxe/VxeModalMixin'
export default {
  name: 'UpmsJobCreateDTO',
  mixins: [VxeModalMixin],
  data() {
    return {
      api: Api.create,
      modelValue: {
        beanName: '',
        methodName: '',
        params: '',
        cronExpression: '',
        remark: ''
      },
      rules: {
        beanName: [
          { required: true }
        ],
        methodName: [
          { required: true }
        ],
        cronExpression: [
          { required: true }
        ]

      }
    }
  },
  computed: {

  },
  mounted() {
  },
  methods: {

  }
}
</script>

<style>

</style>
